<template>
	<view class="qilin-personalList">
		<view class="qilin-personalList-item" v-for="item in 7" :key="item">
			<video src="http://localhost:9999/videos/douyin10.mp4" :controls="false" objectFit="cover">
				<view class="video-box">
					<cover-view class="iconfont icon-aixin"></cover-view>
					<text>4396</text>
				</view>
			</video>
		</view>
	</view>
</template>

<script>
	export default {
		name:"personalList",
		data() {
			return {
				
			};
		}
	}
</script>

<style>
.qilin-personalList{
	width:100%;
	box-sizing: border-box;
	padding-bottom:150rpx;
	display:flex;
	flex-flow:row wrap;
}
.qilin-personalList-item{
	width:33.33%;
	height:300rpx;
}
video{
	width:100%;
	height:100%;
	position:relative;
}
.video-box{
	position:absolute;
	left:15rpx;
	bottom:10rpx;
	font-size:20rpx;
	color:#fff;
	display:flex;
	align-items:center;
	height:40rpx;
}
.video-box>text{
	margin-left:5rpx;
}
</style>
